﻿@charset "utf-8";
@import url('fonts/fonts.css');
*,::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font: 14px/1.5;
}
body {
	font-size: 14px;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x:hidden;
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 30px
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/select.png) no-repeat scroll 98% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
 noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table ,td,th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	font-family: "Microsoft YaHei Regular", Arial, Helvetica, sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
}
.Absolute-Center {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable{ display:table; width:100%; height:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
/*垂直居中,容器设置宽高*/
.ycenter {
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
}
/*水平居中,容器设置宽高*/
.xcenter {
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
}
/*盒子布局*/
.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
/*0.5px底边框*/
.bottomLine {
	background: -webkit-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background: -moz-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background: -ms-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat;
	background-size: 100% 1px;
}
/*设置隐藏*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}

/************************************************************************/


a:hover{ color:#0075c2;}
.center{ margin:0 auto; width:100%; max-width:1200px;}
@media(max-width:1200px){
.center{ padding:0 2%;}
}
/*top*/
	#head {width: 100%;background:#fff;}
.top-main{ background:#fff; z-index:200;position: fixed; width: 100%; top:0;}
.home-body .top-main{border-bottom:1px solid #f5f5f5;}
.top-main::before{ display:block; content:''; height:5px;
background: rgb(0,117,194); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,117,194,1) 0%, rgba(94,172,223,1) 36%, rgba(94,172,223,1) 65%, rgba(5,120,196,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,117,194,1) 0%,rgba(94,172,223,1) 36%,rgba(94,172,223,1) 65%,rgba(5,120,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,117,194,1) 0%,rgba(94,172,223,1) 36%,rgba(94,172,223,1) 65%,rgba(5,120,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c2', endColorstr='#0578c4',GradientType=1 ); /* IE6-9 */}

.top-main .logo{ float:left; width:20.83333333%; height:90px; display:table;}
.top-main .logo a{ display:table-cell; vertical-align:middle;}
.top-main .logo img{ display:block; width:100%;}

.top-main .top-right{ float:right; width:79%;}
.top-head::before{ position:absolute; content:''; right:0; height:1px; width:70%; top:31px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */}
.top-head dl{ float:right;}
.top-head dd{ float:left; margin-left:45px; line-height:28px; font-size:12px;}
.top-head dd a{ color:#b2b2b2; display:block; padding-right:21px; background:url(../images/top/oa.png) no-repeat right center;}
.top-head dd.email a{ background-image:url(../images/top/email.png);}
.top-head dd a:hover{ color:#0075c2;}
.top-bottom > *{ float:right;}
.search-lang > *{ float:left; position:relative; z-index:100;}
.open-search{ background:url(../images/top/search.png) no-repeat center center; width:20px; height:20px; display:inline-block;vertical-align:middle; }
.open-search-show{ position:relative; background:none;}
.open-search-show::after,
.open-search-show::before{ position:absolute; content:''; width:100%; height:3px; background:#0075c2; left:0; top:50%; margin-top:-1.5px; transform:rotate(45deg);}
.open-search-show::before{transform:rotate(-45deg);}
.search-lang dt::after{ display:inline-block; vertical-align:middle; content:''; width:1px; height:13px; background:url(../images/top/line2.gif) no-repeat center center; margin:0 16px;}

.search-lang dd span{ line-height:21px; display:block; font-size:18px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; color:#0075c2; padding-left:25px; background:url(../images/top/lang.png) no-repeat left center;}
.search-lang dd figure{ display:none; position:absolute; width:100%; top:100%; background:#fff; border-radius:0 0 5px 5px; padding:0 5px; text-align:center; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.search-lang dd figure a{ display:block; line-height:30px; border-bottom:1px solid #eee;}
.search-lang dd figure a:last-child{ border-bottom:0;}

.top-search{ display:none; position:absolute; right:0; top:100%; padding-top:10px;  width:500%; max-width:300px; min-width:200px;}
.top-search .text{ width:100%;  background:#fff; height:36px; line-height:34px; padding:0 36px 0 10px; color:#999;box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius:5px; border:1px solid #eee;}
.top-search .text.focus{ color:#333;}
.top-search .btn{ position:absolute; right:0; bottom:0; height:36px; width:36px; background:url(../images/top/search.png) no-repeat center center;}

.top-menu li a,
.top-menu li span{ display:block;}
.top-menu li span a{  font-size:16px;  }
.top-menu li .sub{ display:none; background:rgba(255,255,255,0.88);padding:2% 0;}
.top-menu li .sub .pic img{ display:block; width:100%;}
.top-menu li .sub dd{ padding:5px 0;}
.top-menu li .sub dd a{ color:#959595;}
.top-menu li .sub dd a:hover{ color:#0375be;}
.top-menu li .sub dd a::before{ display:inline-block; content:''; width:6px; margin-right:5px; vertical-align:middle; height:1px; background:#828588;}
@media(min-width:1025px){
.top-menu{ display:block !important;}
.top-menu li{ float:left; margin-right:40px;}
.top-menu li span a{line-height:61px;border-bottom:3px solid transparent;color:#333;}
.top-menu li:hover span a{color:#0375be;}
.top-menu li.aon span a{ color:#0375be; border-bottom-color:#0375be;}
.top-menu li .sub{position:absolute; top:100%; left:0; width:100%;box-shadow:0 5px 5px rgba(0,0,0,0.1); }
.top-menu li .sub .pic{ float:left; width:26.4%; margin-right:7%;}
.top-menu li .sub dl{ float:left; width:50%;}
.search-lang{ margin-top:11px; background:url(../images/top/line1.gif) no-repeat left center; padding:8px 0 8px 7px;}
.search-lang dt{ padding-left:16px;}
.search-lang dd.wap-open{ display:none;}
}
@media(min-width:1025px) and (max-width:1200px){
.top-menu li{ margin-right:20px;}
}
@media(max-width:1024px){
.top-menu{ display:none; padding:2%; position:absolute; right:0; width:60%; max-width:240px; top:100%; background:rgba(0, 117, 193, 0.86);box-shadow:0 5px 5px rgba(0,0,0,0.1); border-radius:0 0 0 5px;}
.top-menu li a{ color:#fff;}
.top-menu li span{ text-align:center;}
.top-menu li span a{ line-height:45px;}
.top-menu li.has-sub span{ position:relative;}
.top-menu li.has-sub span::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%;}
.top-menu li.has-sub.hover{ background:#fff;}
.top-menu li.has-sub.hover span a{ color:#0375be;}
.top-menu li .sub dd{ padding:10px 0;}
.search-lang{ position:absolute; top:50%; margin-top:-1px; right:2%; padding-top:4px;}
.search-lang dd.wap-open{ width:40px; height:30px; margin-top:-4px; margin-left:15px;}
.wap-open::before,
.wap-open::after,
.wap-open i{ position:absolute; left:15%; top:50%; width:70%; height:3px; background:#0075c2; border-radius:4px;}
.wap-open i{ margin-top:-1.5px;transition: 0.3s ease-in-out;}
.wap-open::before,
.wap-open::after{ content:''; transition:transform 0.3s ease-in-out;}
.wap-open::before{ margin-top:-9px;}
.wap-open::after{ margin-top:5px;}
.wap-close i{ opacity:0;}
.wap-close::before,
.wap-close::after{ margin-top:-1.5px; transform:rotate(45deg);}
.wap-close::after{ transform:rotate(-45deg);}


}
@media(max-width:768px){
.top-main .logo{ width:35%;}
.top-main .top-right{ width:auto;}
.search-lang dd.wap-open{ margin-left:5px;}
}
@media(max-width:480px){
.top-main .logo{ height:80px;}
.search-lang dt::after{ margin:0 5px;}
.search-lang dd span{ font-size:14px;}
.top-head dd{ margin-left:10px;}
.search-lang dt{ position:static;}


}




/*top end*/
/*bottom*/
.bottom-main{ background:#f4f4f4; position:relative; z-index:10;}
.bottom-main::before{ position:absolute; left:0; bottom:100%; height:18px; width:100%; background:url(../images/jiao/bottom.png) no-repeat center bottom; content:'';}
.bottom-main > .center{ position:relative; padding-top:1%;padding-bottom:2%; padding-right:2%;}
.bottom-main > .center ul > *{ float:left;}
.bottom-main > .center li{ width:29.25%; margin-right:3%; position:relative; padding-right:5px; padding:3% 2% 3% 0;}
.bottom-main > .center li::after{ position:absolute; right:0; top:0; height:100%; width:1px; content:'';background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,244,244,1) 1%, rgba(233,233,233,1) 20%, rgba(233,233,233,1) 49%, rgba(233,233,233,1) 80%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 1%,rgba(233,233,233,1) 20%,rgba(233,233,233,1) 49%,rgba(233,233,233,1) 80%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,244,244,1) 1%,rgba(233,233,233,1) 20%,rgba(233,233,233,1) 49%,rgba(233,233,233,1) 80%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
.bottom-main > .center li p{ color:#504f4f; margin:0; line-height:20px; padding:5px 0 6px 45px; position:relative;}
.bottom-main > .center li p i{ position:absolute; left:0; top:5px; height:20px; width:40px; background:url(../images/bottom/add.png) no-repeat 7px 4px; padding-left:28px; color:#a6a6a6; font-style:normal;}
.bottom-main > .center li p:nth-child(2) i{ background-position:7px -25px;}
.bottom-main > .center li p:nth-child(3) i{ background-position:7px -57px;}
.bottom-main > .center li p:nth-child(4) i{ background-position:7px -87px;}
.bottom-main > .center li p:not(:last-child)::after{ position:absolute; left:0; bottom:0; width:100%; content:''; height:1px;
background: rgb(217,217,217); /* Old browsers */
background: -moz-linear-gradient(left, rgba(217,217,217,1) 81%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(217,217,217,1) 81%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(217,217,217,1) 81%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */}
.bottom-main > .center ol{ width:29%; text-align:center;}
.bottom-main > .center ol figure{ overflow:hidden;}
.bottom-main > .center ol figcaption{ float:left; width:50%;}
.bottom-main > .center ol figcaption img{ display:block; width:80%; max-width:114px; margin:0 auto; border:1px solid #d9d9d9; padding:7px; background:#fff;}
.bottom-main .gettop{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.bottom-main .gettop dd{ padding:10px 0;}
.bottom-main .gettop dd a{ transition:0.3s ease-in-out; display:block; width:54px; height:54px; border-radius:50%; background:#0375be; overflow:hidden; position:relative; text-align:center; color:#fff; font-size:12px; padding-top:10px;}
.bottom-main .gettop dd a:hover{background:#333;}

.bottom-main .gettop dd:nth-child(2) a::before{ display:block; width:20px; height:20px; margin:0 auto; background:url(../images/bottom/tianmao.png) no-repeat center center; content:'';}
.bottom-main .gettop dd:nth-child(3) a::before{ display:block; width:20px; height:20px; margin:0 auto; background:url(../images/icon_wechat.png) no-repeat center center; content:'';background-size: contain;}
.bottom-main .gettop dd:first-child a::before{ display:block;  width:20px; height:20px; margin:0 auto;background-image:url(../images/bottom/gettop.png);content:'';}

.bottom-main .copyright{  color:#fff;background:#0075c2; padding:20px 0; font-size:12px;}
.bottom-main .copyright a{ color:#fff;}
.bottom-main .copyright dt a:not(:last-child)::after{ display:inline-block; vertical-align:middle; margin:0 10px; content:''; width:1px; height:11px; background:#fff; opacity:0.3;}
.bottom-main .copyright dd{ text-transform:uppercase;}
@media(min-width:1025px){
.bottom-main .copyright dt{ float:left;}
.bottom-main .copyright dd{ float:right }
}
@media(max-width:1200px){
.bottom-main .gettop{ right:2%;}
}
@media(max-width:1024px){
.bottom-main > .center ul{ padding-right:60px;}
.bottom-main > .center ol{ float:none; clear:both; margin:0 auto; width:80%; max-width:340px;}
.bottom-main > .center li{display:none;}
}
@media(max-width:480px){
.bottom-main .gettop dd{ padding:5px 0;}
}
/*bottom end*/
.page-banner{ position:relative; z-index:1; margin-top:97px;}
.page-banner::after{ position:absolute; content:''; bottom:0; width:100%; background:url(../images/jiao/ban.png) no-repeat center bottom; height:18px; z-index:2;}
.page-banner img{ display:block; width:100%;}
.page-banner .ban-main{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page-banner .ban-main aside::after,
.page-banner .ban-main aside::before{ display:inline-block; content:''; vertical-align:middle; width:40px; height:1px; background:#0075c2; opacity:0.3;}
.page-banner .ban-main aside span{ letter-spacing:2px; margin:0 10px; font-size:40px;display:inline-block;vertical-align:middle; color:#0075c2;}
.page-banner .ban-main aside span i{ font-style:normal; padding:0 1px 0 3px; color:#fff; background:#0075c2; }
.news-banner .ban-main aside{ text-align:right; padding-bottom:25%;}
.job-banner .ban-main aside{text-align:right; padding-right:73px;}
.job-banner .ban-main p{ float:right;color:#0075c2; font-size:25px; margin-bottom:8%;}
@media(max-width:1024px){
.page-banner {margin-top:95px;};
}
@media(max-width:768px){
.page-banner .ban-main aside span{ font-size:28px;}
.news-banner .ban-main aside{padding-bottom:15%;}
.job-banner .ban-main p{ font-size:18px;}
.job-banner .ban-main aside{ padding-right:39px;}
}
@media(max-width:480px){
.page-banner .ban-main aside span{ font-size:20px;}
.page-banner .ban-main aside::after,
.page-banner .ban-main aside::before{ width:20px;}
.job-banner .ban-main aside{ padding-right:22px;}
.job-banner .ban-main p{ font-size:12px; margin-top:0; margin-bottom:4%;}

.page-banner {margin-top:85px;}
}
/*nav-menu*/
.nav-menu{ line-height:57px; border-bottom:1px solid #eee;}
.current{  line-height:30px;padding:0 0 0 30px; background:url(../images/cur_home.png) no-repeat left 7px;}
.current a{ color:#555; display:inline-block; padding-right:15px; background:url(../images/cur_a.png) no-repeat right center; margin-right:10px;}
.current a:hover,
.current span{ color:#0075c2;}
.nav-menu li{ float:left;}
.nav-menu li a{ display:block; padding:0 27px 18px;  font-size:16px; position:relative;}
.nav-menu li a::after{ position:absolute; content:''; bottom:0; left:50%; transition:0.3s ease-in-out; transform:translateX(-50%); height:3px; width:0; background:#01a0e4;}
.nav-menu li.aon a,
.nav-menu li a:hover{color:#01a0e4; font-weight:bold;}
.nav-menu li.aon a::after,
.nav-menu li a:hover::after{ width:100%;}
@media(min-width:1025px){
.current{float:right; margin-top:13px; }
.nav-menu{min-height:75px; }
}
@media(max-width:1024px){
.nav-menu li a{ padding-bottom:0;}
}
@media(max-width:768px){
.nav-menu dd{ padding-top:15px;}
.nav-menu li a{ font-size:15px; line-height:40px; margin-right:15px; padding:0;}
}
@media(max-width:480px){
.current{  line-height:20px; font-size:12px; background-position:left 3px;}
}
/*nav-menu end*/
.Contain{}
.page-allTitle{ text-align:center; margin:0; padding:2% 0; font-weight:normal;}
.page-allTitle-before{ color:#000;}
.page-allTitle-before::before{ display:block; margin:15px auto; content:''; width:1px; height:33px; background:#d9d9d9;}
@media(max-width:1024px){
.page-allTitle{ font-size:24px;}
}
@media(max-width:480px){
.page-allTitle{ font-size:20px; padding:6% 0;}
}
.page-npt{ padding-top:0;}
.padding-3{ padding:8% 0;}

.about-product{ background-size:cover; background-repeat:no-repeat; background-position:center top;}
.about-product li{ float:left; width:25%; text-align:center; position:relative; text-align:center; background:#fcfcfc; border-top:1px solid #eee;border-left:1px solid #eee; margin-top:-1px; margin-left:-1px; padding:2.25% 0;}
.about-product li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.about-product li p{ font-size:16px; margin:12px 0 0 0; padding:0 2%;}
.about-product li figure{ transition:0.3s ease-in-out; border-radius:50%; margin:0 auto; border:1px solid #eee; width:30%; max-width:68px; padding:13px; overflow:hidden;}
.about-product li figure img{ display:block; width:100%;}
.about-product li figure img.hover{ display:none;}
.about-product ul:nth-child(2n-1) li:nth-child(2n){ background:#fff;}
.about-product ul:nth-child(2n) li:nth-child(2n-1){ background:#fff;}
.about-product li:hover figure{ transform:rotateY(180deg); background:#0075c2;}
.about-product li:hover figure img{ display:none;}
.about-product li:hover figure img.hover{ display:block;transform:rotateY(-180deg); }
@media(max-width:768px){
.about-product li{ width:50%;}
}
@media(max-width:480px){
.about-product li p{ font-size:14px;}
}
@media(max-width:375px){
.about-product li p{ font-size:12px;}
}

.about-histroy{ background:#f9f9f9; padding-bottom:18px;}
.about-histroy .center{ overflow:hidden;}
.about-histroy .slider-for .silder{ width:300px; margin:0 auto;}
.about-histroy .slider-for .slick-list{ overflow:inherit;}
.about-histroy .slider-for{ padding-bottom:7%;}
.about-histroy .slider-for .silder li.slick-slide{ transition:0.3s;transform:scale(0.8); opacity:0.3; background:#f0f0f0;}
.about-histroy .slider-for .silder li.slick-center{ transform:scale(1); opacity:1;}
.about-histroy .slider-for .silder li.slick-slide h2{ display:none; font-family:Arial, Helvetica, sans-serif; margin:3% 0;}
.about-histroy .slider-for .silder li.slick-center h2{ display:block;}
.about-histroy .slider-for .silder li .Ispic{ padding-bottom:56%;}
.about-histroy .slider-for .silder li .ytable{ height:167px;}
.about-histroy .slider-for .silder li aside{ padding:0 10%; text-align:center; font-size:16px; line-height:24px;}
.about-histroy .slider-for .silder li aside p{ margin:0;}

.about-histroy .slider-nav{ padding-bottom:4%;}
.about-histroy .slider-nav .silder{ padding:0 80px;}
.about-histroy .slider-nav .slick-arrow{ top:0; position:absolute; width:40px; height:40px; cursor:pointer; background:#f3f3f3; font-size:0; border:none; z-index:10;}
.about-histroy .slider-nav .slick-arrow:hover{ background:#0375be;}
.about-histroy .slider-nav .slick-arrow::before{ position:absolute; left:50%; top:50%; margin:-6px 0 0 -8px; content:''; width:12px; height:12px; border-top:2px solid #cacaca;border-right:2px solid #cacaca; transform:rotate(45deg);}
.about-histroy .slider-nav .slick-prev{ left:0;}
.about-histroy .slider-nav .slick-prev::before{transform:rotate(-135deg); margin-left:-2px;}
.about-histroy .slider-nav .slick-next{ right:0;}
.about-histroy .slider-nav .slick-arrow:hover::before{ border-color:#fff;}
.about-histroy .slider-nav .slick-list{ padding-top:9px !important;}
.about-histroy .slider-nav .silder li{ position:relative; /*border-top:1px solid #e7e7e7;*/ text-align:center;}
.about-histroy .slider-nav .silder li::before{ position:absolute; content:''; left:0; top:13px; width:100%; height:1px; background:#e7e7e7;}
.about-histroy .slider-nav .silder li span{ position:relative; z-index:10; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.about-histroy .slider-nav .silder li span::before{ display:block; content:''; margin:0 auto 12px; width:26px; height:26px; border-radius:50%; background:#999; border:8px solid #fff;}
.about-histroy .slider-nav .silder li.slick-center{ color:#0375be; font-weight:bold;}
.about-histroy .slider-nav .silder li.slick-center span::before{ width:30px; height:30px; background-color:#0375be;}
.about-histroy .slider-nav .silder li.slick-center span::after{border-radius:50%;  position:absolute; content:''; width:30px; height:30px; left:50%; top:0; border:1px solid #0375be; margin-left:-15px;}
@media(max-width:640px){
.about-histroy .slider-nav .silder{ padding:0 55px;}
.about-histroy .slider-nav .silder li::before{ top:11px;}
.about-histroy .slider-nav .silder li span::before{ width:20px; height:20px; border-width:6px;}
.about-histroy .slider-nav .silder li.slick-center span::before,
.about-histroy .slider-nav .silder li.slick-center span::after{ width:24px; height:24px;}
.about-histroy .slider-nav .silder li.slick-center span::after{ margin-left:-12px;}
}

.list-duty .page-allTitle{ padding-top:0;}
.list-duty .page-allTitle-before::before{ margin-top:0;}
.list-duty .img-scroll{ padding-top:3%; padding-bottom:5%; }
.list-duty .img-scroll .silder li .txt{ padding:0 37px;}
.list-duty .img-scroll .silder li .Ispic{ padding-bottom:66%; position:relative;}
.list-duty .img-scroll .silder li .Ispic::after{ position:absolute; left:0; width:100%; bottom:0; background:url(../images/jiao/honor.png) no-repeat left bottom; height:10px; content:'';}
.list-duty .img-scroll .silder li h4{ margin:3% 0;}
.list-duty .img-scroll .silder li pre{ line-height:24px; color:#666;}
.same-arrow .slick-arrow{ font-size:0; background:none; border:none; position:absolute; top:50%; margin-top:-16px; width:32px; height:32px; z-index:10; cursor:pointer;}
.list-duty .img-scroll .slick-arrow{top:30%;}
.same-arrow .slick-disabled{ cursor:default;}
.same-arrow .slick-arrow::before{ position:absolute; content:''; border-top:3px solid #00a0e9;border-right:3px solid #00a0e9; top:50%; left:50%; transform:rotate(45deg); width:20px; height:20px; margin:-10px 0 0 -10px;}
.same-arrow .slick-disabled:before{ border-color:#e5e5e5;}
.same-arrow .slick-prev{ left:0;}
.same-arrow .slick-next{ right:0;}
.same-arrow .slick-prev::before{transform:rotate(-135deg);}
@media(min-width:1275px){
.list-duty .img-scroll{margin-left:-37px; width:1274px;}
}
@media(max-width:1274px){
.list-duty .img-scroll .silder li .txt{ padding:0 30px;}
}
@media(max-width:1024px){
.list-duty .img-scroll .silder li .txt{ padding:0 10px;}
.list-duty .img-scroll .silder{ padding:0 30px;}
}

.honor{ background:#fbfbfb;}

.pic-group{ padding-bottom:5%;}
.pic-group .padding-3{ padding-bottom:0;}
.pic-group .silder li a{ display:block; padding:2px; border:1px solid #ececec; margin:0 19px;}
.pic-group .silder li .Ispic{ padding-bottom:69%;}
@media(min-width:1238px){
.pic-group .silder{ width:1238px; margin-left:-19px;}
.pic-group .same-arrow .slick-prev{ left:-30px;}
.pic-group .same-arrow .slick-next{ right:-30px;}
}
@media(max-width:1237px){
.pic-group .silder li a{ margin:0 12px;}
.pic-group .silder{ padding:0 30px;}
}

.category-menu{ padding-bottom:45px;}
.category-menu li{ float:left; width:25%; margin:1px 0;}
.category-menu li a{ padding:12px 0; overflow:hidden; display:block; text-align:center; margin:0 1px; background:#f9f9f9; position:relative;}
.category-menu li a.aon,
.category-menu li a:hover{ background:#0075c2; color:#fff; transition:0.3s ease-in-out;}
.category-menu li a::after{ position:absolute; content:''; border:15px solid transparent; border-top-color:#fff; transform:rotate(-45deg); right:-15px; bottom:-15px;}
.category-menu li a p{ margin:0; font-size:16px; padding:5px 2% 0 2%;}
.category-menu li figure{ width:30%; margin:0 auto; max-width:32px;}
.category-menu li figure img{ display:block; width:100%;}
.category-menu li figure img.hover{ display:none;}
.category-menu li a.aon figure img,
.category-menu li a:hover figure img{display:none;}
.category-menu li a.aon figure img.hover,
.category-menu li a:hover figure img.hover{display:block; }
@media(max-width:1024px){
.category-menu li{ width:50%;}
}
@media(max-width:640px){
.category-menu li a p{ font-size:14px;}
}
@media(max-width:375px){
.category-menu li a p{ font-size:12px;}
}


.bg_f0f0f0{ background:#f0f0f0;}
.bg_fafafa{ background:#fafafa; }
.bg_f9f9f9{ background:#f9f9f9; }
.list_product{ padding:30px 0;}
.list_product li{ float:left;  padding:10px; margin-right:2%; margin-bottom:2%; background:#fff;}
.list_product li a{ overflow:hidden; display:block; padding:0 0 20px 0; text-align:center;}
.list_product li h5,
.list_product li p{ margin:0;}
.list_product li p{ font-size:12px; color:#999;}
.list_product li .Ispic{ padding-bottom:100%; background-size:contain; transition:0.2s ease-in-out;}
.list_product li h5{ font-family:"Microsoft YaHei"; padding-top:10px; position:relative; z-index:2; background:#fff;}
.list_product li a:hover .Ispic{ transform:scale3d(1.12,1.12,1.12);}
@media(min-width:769px){
.list_product li{width:32%;}
.list_product li:nth-child(3n){ margin-right:0;}
}
@media(max-width:768px){
.list_product li{width:49%;}
.list_product li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.list_product li h5{ font-size:16px;}
}


.loading-more{ text-align:center; padding:3% 0;font-size:18px;}
.loading-more a{ width:50px; height:50px; display:inline-block; vertical-align:middle; margin-left:10px;  background:url(../images/loading.png) no-repeat center center; background-size:contain; animation:infinite load 2s 0s linear;}
@keyframes load{
from { transform:rotate(0);}
to {transform:rotate(360deg);}
}

.product-info{ padding-bottom:20px;}
.product-info .page-allTitle{ padding-bottom:4%;}

.prod-img{position:relative;}

.related {background-color:#eeefef; padding:30px 0; overflow:hidden;}
.related .center {overflow:hidden;}
.related ul {width:104%; overflow:hidden;}
.related li {float:left; text-align:center; width:33%; padding-right:3%;}
.related li .top {overflow:hidden; padding-bottom:100%; margin-bottom:15px; position:relative;}
.related li a {display:block; overflow:hidden;}
.related li .pic {background:#fff no-repeat center center; background-size:contain; overflow:hidden; transition:transform .3s;position:absolute; left:0; top:0; width:100%; height:100%;}
.related li h4 {font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#3e3a39; line-height:1.75em; margin:0; padding:0;}
.related li p {font-size:14px; color:#838383; line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; padding:0;}
.related li a:hover .pic {transform:scale(1.1,1.1);}
@media(min-width:769px){
.prod-img{ float:left; width:49.16%; }
.prod-con{ float:right; width:45.83%;}

.related li h4 {font-size:22px; line-height:30px;}
.related li p {font-size:18px; line-height:30px;}
}

.prod-img .silder li img{ display:block; width:100%;}
.prod-img .slick-dots{ position:absolute; z-index:10; width:100%; bottom:5%; text-align:center; left:0;}
.prod-img .slick-dots li{ display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 9px; background:#e0e0e0; cursor:pointer;}
.prod-img .slick-dots li.slick-active{ background:#0075c2;}
.prod-img .slick-dots li button{ display:none;}

.prod-con *{ font-family:"Microsoft YaHei"; margin:0;}
.prod-con h1{ font-size:36px; margin:3% 0; color:#0075c2;}
.prod-con aside{ border-top:1px solid #eee; padding-top:8%; margin-top:6%;}
.prod-con pre{ font-size:24px; font-weight:bold; color:#555; line-height:40px;}
.prod-info{ border-top:1px solid #eee; margin-top:3%; padding-bottom:4%;}
.prod-info .tit{ font-weight:normal; color:#555;}
.prod-info .tit::before{ width:3px; height:23px; background:#0075c2; display:inline-block; content:''; vertical-align:middle; margin:0 14px 0 22px;}
@media(max-width:640px){
.prod-con h1{ font-size:28px;}
.prod-con pre{ font-size:20px;}
.prod-con aside{ padding-top:6%;}
}
@media(max-width:375px){
.prod-con h1{ font-size:24px;}
.prod-con pre{ font-size:16px;}
}

.news-top{ margin:4% 0; position:relative;}
.news-top .silder-big{ width:75%;}
.news-top .silder-big .slider li{ position:relative;}
.news-top .silder-big .slider li .Ispic{ padding-bottom:56%;}
.news-top .silder-big .slider li aside{ font-size:24px; padding:5%; position:absolute; left:0; width:100%; bottom:0; color:#fff; z-index:5;}
.news-top .silder-big .slider li::after{ z-index:2; position:absolute; content:''; width:100%; bottom:0; left:0; height:50%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.news-top .silder-small{ position:absolute; right:0; top:0; height:100%; width:22.9%;}
.news-top .silder-small *{ height:100%;}
.news-top .silder-small  .slider li{ position:relative;}
.news-top .silder-small  .slider li .Ispic{ position:absolute; left:0; width:100%; top:0; height:92.5%;}
.news-top .silder-small  .slider li:nth-child(2) .Ispic{ top:50%; transform:translateY(-50%);}
.news-top .silder-small  .slider li:nth-child(3) .Ispic{ bottom:0; top:auto;}
.news-top .slick-vertical .slick-slide{ border:none;}
.news-top .silder-small  .slider li.slick-current .Ispic::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; border:3px solid #0066cc;}
@media(max-width:640px){
.news-top .silder-big .slider li aside{ font-size:18px;}
}


.list-news li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.list-news li a{ display:block; position:relative;transition:0.3s;}
.list-news li a::after{ position:absolute; content:''; width:1px; height:100%; background:#eee;right:13.75%; top:0;}
.list-news li figure{ width:200px;}
.list-news li figure img{ display:block; width:100%;}
.list-news li .txt{ padding-left:220px;padding-right:27.5%; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%);}
.list-news li .txt p{ font-size:18px; margin:0; }
.list-news li .txt time,
.list-news li .txt span{position:absolute; width:13.75%; text-align:center; color:#999;top:50%; transform:translateY(-50%); transition:0.3s;}
.list-news li .txt time{ right:13.75%;}
.list-news li .txt span{right:0;}
.list-news li .txt span::before{ display:inline-block; content:''; background:url(../images/new_view.png) no-repeat; background-size:contain; width:27px; height:18px; vertical-align:middle; margin-right:5px;transition:0.3s;}
.list-news li a:hover span,
.list-news li a:hover time{ color:#0075c1;}
.list-news li a:hover span::before{ background-image:url(../images/new_view_hover.png);}
@media(max-width:768px){
.list-news li .txt{padding-right:13.75%;}
.list-news li .txt time{ position:relative; top:auto; transform:translateY(0); right:auto; width:auto;}
}
@media(max-width:640px){
.list-news li .txt{ padding-right:0;}
.list-news li .txt time{ display:block; text-align:left; padding:5px 0;}
.list-news li .txt span{ position:relative; top:auto; transform:translateY(0); right:auto;width:auto;}
.list-news li a::after{ display:none;}
}
@media(max-width:480px){
.list-news li .txt{ padding-left:170px;}
.list-news li figure{ width:150px;}
.list-news li .txt p{ font-size:16px;}
.list-news li .txt span::before{ width:20px; height:15px;}
}
@media(max-width:375px){
.list-news li .txt{ padding-left:140px;}
.list-news li figure{ width:120px;}
.list-news li .txt p{ font-size:15px;}
.list-news li .txt time{font-size:12px;}
}

.Pages{ padding:4% 0 6% 0; text-align:center; margin-bottom:18px;}
.Pages a,
.Pages em{display:inline-block; vertical-align:middle; transition:0.3s;}
.Pages a{  border:1px solid #edecec; line-height:33px; color:#666;}
.Pages a.a_cur,
.Pages a:hover{ background-color:#0075c2; color:#fff;}
.Pages em{ font-style:normal;overflow:hidden;border-left:1px solid #edecec;}
.Pages em a{ font-family:Arial, Helvetica, sans-serif; float:left;border-left:1px solid #edecec; margin-left:-1px; padding:0 17px;}
.Pages em a:first-child{border-left:0;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .a_prev,
.Pages .a_next{ width:40px; overflow:hidden; font-size:0; background:url(../images/page/a_prev.gif) no-repeat center center; margin:0 5px;}
.Pages .a_next{ background-image:url(../images/page/a_next.gif);}
.Pages .a_next:hover{ background-image:url(../images/page/a_next_hover.gif);}
.Pages .a_prev:hover{ background-image:url(../images/page/a_prev_hover.gif);}
.Pages .a_first,
.Pages .a_end{ position:relative; width:65px; font-size:0;}
.Pages .a_first::before,
.Pages .a_end::before{ font-size:14px; position:absolute; left:0; top:0; width:100%; line-height:35px; text-align:center;}
.Pages .a_first::before{ content:'首页';}
.Pages .a_end::before{ content:'末页';}
@media(max-width:768px){
.Pages em{ display:none;}
}

.news_info{ padding-bottom:20px; padding-top:3%;}
.news_info .title{ text-align:center; border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_info .title h3{ color:#000;}
.news_info .title p{ margin-bottom:0; color:#999;}
.news_info .info{ padding:2%;}
.news_info .info_back{ text-align:center; padding-bottom:3%; font-size:16px;}
.news_info .info_back a{ color:#0075c2; display:inline-block; width:60%; max-width:130px; line-height:45px; border-radius:5px; border:1px solid #0075c2; transition:0.3s ease-in-out;}
.news_info .info_back a:hover{ background-color:#0075c2; color:#fff;}
.news_info .info_pn{ overflow:hidden; padding-bottom:3%;}
.news_info .info_pn span{ float:left; overflow:hidden; width:50%; padding-right:5%; min-height:20px;}
.news_info .info_pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;}
.news_info .info_pn span a{ color:#999;}
.news_info .info_pn span a:hover{color:#0075c2;}

.sales-web{ padding:5% 0;}
.wap_web_select{ position:relative; z-index:10; margin-bottom:20px;}
.wap_web_select dt{ position:relative; background:#fff; border:1px solid #eee; line-height:40px; padding:0 10px;}
.wap_web_select dt::after{ position:absolute; content:''; width:12px; height:12px; right:10px; top:50%; border-bottom:3px solid #ccc; border-right:3px solid #ccc; transform:rotate(45deg); margin-top:-6px;}
.wap_web_select dd{ display:none; position:absolute; left:0; top:100%; width:100%; background:#fff; border:1px solid #eee; border-top:0; padding:10px; overflow:hidden;}
.wap_web_select dd a{ float:left; margin-right:10px; line-height:30px;}


.sales-web .list .logo{ background:url(../images/web_logo.png) no-repeat left top; height:27px; margin-bottom:30px;}
.sales-web .list li{ color:#666; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
.sales-web .list li:last-child{ border-bottom:0;}
.sales-web .list li p{ margin:0; line-height:24px;}
.sales-web .list li h6{ margin:2% 0;}
.sales-web .list li a{ color:#0075c2; display:inline-block; margin-top:10px;}
.sales-web .list li a::before{ display:inline-block; vertical-align:sub; background:url(../images/map_view.png) no-repeat; width:13px; height:18px; margin-right:5px; content:'';}

.map-hide{ position:fixed; left:-100%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; opacity:0; transition:opacity 0.3s;}
.map-show{ opacity:1; left:0;}
.map-hide .main{ max-width:700px; width:100%; margin:0 auto; background:#fff; padding:10px; border-radius:5px; position:relative;}
.map-hide .main .close{ cursor:pointer; position:absolute; width:30px; height:30px; right:0; top:-30px;}
.map-hide .main .close::before,
.map-hide .main .close::after{ position:absolute; content:''; left:20%; width:60%; height:3px; background:#fff; margin-top:-1.5px; top:50%; transform:rotate(45deg);}
.map-hide .main .close::after{transform:rotate(-45deg);}
.map-hide .main #allmap{ height:400px;}
.map-hide .main .amap-logo,
.map-hide .main .amap-copyright{ display:none !important;}

.sales-web .list{ padding:2% 0;}


.job-title{ text-align:center; margin:3% 0;}
@media(max-width:1024px){
.job-title{ font-size:24px;}
}
@media(max-width:480px){
.job-title{ font-size:20px;}
}

.list-job .type{ background:#4c81a4; overflow:hidden;}
.list-job .type li{ float:left; width:14%; line-height:48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-job > .type li{ color:#fff;}
.list-job .type li:not(:nth-child(1)){ text-align:center;}
.list-job .type li:nth-child(1){ padding-left:4%; width:16%;}
.list-job .list{ margin-bottom:1px;}
.list-job .list .type{ cursor:pointer;background:#f5f5f5;}
.list-job .list .type-on{ background:#ededed;}
.list-job .list .con{ padding:4%; position:relative;display: none}
.list-job .list .con .appy{ display:block; width:116px; line-height:33px; background:#0075c2; text-align:center; color:#fff;}
.list-job .list .con .edit-info{ color:#666; line-height:24px;white-space:normal;/*word-break:break-all;*/}
.list-job .Pages{padding: 4% 0 0 0;}
@media(min-width:1025px){
.list-job .list .con .appy{position:absolute; left:4%; bottom: 16px;}
.list-job .list .con .edit-info{ padding-right:120px;line-height:33px;}
}
/*.list-job .mCSB_scrollTools{ width:4px; right:0; border-left:1px solid #fff;opacity:1 !important;}*/
/*.list-job .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0075c2 !important;  width:4px !important; border-radius:0;}*/
/*.list-job .mCSB_scrollTools .mCSB_dragger{ right:1px; height:60px !important;}*/
/*.list-job .mCSB_draggerRail{ background:#f5f5f5 !important; opacity:1 !important; }*/
@media(max-width:768px){
.list-job .type li{ width:20% !important;}
.list-job .type li:nth-child(2),
.list-job .type li:nth-child(4){ display:none;}
}
@media(max-width:480px){
.list-job .type li{ width:33.3333% !important;}
.list-job .type li:last-child,
.list-job .type li:nth-child(5){ display:none;}
}

.job-from{  left:-100%; opacity:0; top:0; position:fixed;height:100%; width:100%; background:rgba(0,0,0,0.6); z-index:999;transition:opacity 0.3s;}
.job-from-show{ opacity:1; left:0; }
.job-from .main{ background:#fff; border-radius:5px; padding:2%; position:relative; width:100%; max-width:800px; max-height:96%; overflow:auto; margin:0 auto;}
.job-from .close{ width:20px; height:20px; position:relative; float:right; cursor:pointer;}
.job-from .close::before,
.job-from .close::after{ position:absolute; content:''; left:0; width:100%; height:2px; background:#333; margin-top:-1px; top:50%; transform:rotate(45deg);}
.job-from .close::after{transform:rotate(-45deg);}
.job-from .from{ clear:both; padding:3%;}
.job-from .from li{ float:left; width:49%; margin-bottom:2%; position:relative;}
.job-from .from li:nth-child(2n){ float:right;}
.job-from .from li label{ position:absolute; line-height:52px; padding-left:15px; left:0; top:0; color:#999;}
.job-from .from li select,
.job-from .from li .text{ border:1px solid #d6d5d5; width:100%; line-height:50px; height:52px; padding:0 15px;}
.job-from .from li select option:first-child{ display:none;}
.job-from .from ol{ clear:both;}
.job-from .from .btn{ width:150px; height:50px; background:#0075c2; border:none; cursor:pointer; color:#fff;}
.job-from .from .btn-box{ text-align:center; padding-top:4%;}
.job-from .from .queueList{ margin:0;}
.job-from .from .placeholder{ padding:30px 0; font-size:14px;}
@media(max-width:640px){
.job-from .from li label{ line-height:42px;}
.job-from .from li select,
.job-from .from li .text{ line-height:40px; height:42px; }
.job-from .statusBar{ line-height:24px;height:24px;}
.job-from .statusBar .info{ line-height:24px;}
.job-from .statusBar .btns{ position:relative ; right:10px; top:auto;}
}
@media(max-width:768px){
.mCustomScrollbar,
.mCustomScrollBox{ max-height:none !important;}
}
@media(max-width:768px){
.mCustomScrollbar,
.mCustomScrollBox{ max-height:none !important;}
}

.list-meeting table{border:1px solid #eee;}
.list-meeting td{text-align:center; line-height:20px; padding:15px 10px; border:1px solid #eee;width:25%;}
.list-meeting td:last-child{ width:50%;}
.list-meeting tr:nth-child(2n-1) td{ background:#f5f5f5;}
.list-meeting tr.tr_top td{ border-right-color:#6c97b3; background:#4c81a4; color:#fff; text-align:center;}

.list-qa{ padding-bottom:4%;}
.list-qa li{ margin-bottom:1px;}
.list-qa li .tit{ cursor:pointer; position:relative; background:#f5f5f5; padding-left:50px;}
.list-qa li .tit::after{ position:absolute; content:''; width:12px; height:12px; transform:rotate(45deg); border-top:2px solid #a8a8a8; border-right:2px solid #a8a8a8; right:20px; top:50%; margin-top:-6px; transition:0.3s ease-in-out;}
.list-qa li .tit-on::after{transform:rotate(135deg);}
.list-qa li .tit span{ background:#deedf7; width:50px; text-align:center; line-height:50px; height:100%; position:absolute; top:0; left:0; color:#0075c2; font-size:18px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.list-qa li .tit aside{ padding:15px 45px 15px 20px; line-height:20px;}
.list-qa li .con{ padding:2% 45px 2% 50px; background:#fbfbfb; border-bottom:9px solid #fff;}

.list-gameImage{}
.list-gameImage .silder li figure{ margin:0 15px; padding-bottom:68.5%; background-size:contain;}
@media(min-width:1231px){
.list-gameImage .silder{ width:1230px; margin-left:-15px;}
.list-gameImage .silder .slick-prev{ left:-10px;}
.list-gameImage .silder .slick-next{ right:-10px;}
}
@media(max-width:1230px){
.list-gameImage .silder{ padding:0 30px;}
}
@media(max-width:640px){
.list-gameImage .silder li figure{ margin:0 5px;}
}

.list-download{ padding-top:3%;}
.list-download dd{ margin-bottom:10px; border:2px solid #f7f7f7; background:#f7f7f7; padding:0 3%; line-height:30px; transition:0.3s;}
.list-download dd:hover{ border-color:#0075c2;}
.list-download dd span{ float:right;height:30px; margin-left:10px;}
.list-download dd span i{transition:0.3s; margin-left:100px; text-align:center; font-size:14px; font-style:normal; height:30px; line-height:28px;float:right; width:117px; border:1px solid #c9c9c9; border-radius:30px;}
.list-download dd span i::before{ display:inline-block; content:''; vertical-align:middle; background:url(../images/a_download.gif) no-repeat; width:15px; height:13px; margin-right:5px;}
.list-download dd a{padding:18px 0 18px 35px; font-size:16px; color:#777; background:url(../images/icon_a.gif) no-repeat left center;}
.list-download dd:hover a{ color:#000;}
.list-download dd:hover span i{ background:#0075c2; border-color:#0075c2; color:#fff;}
.list-download dd:hover span i::before{ background-image:url(../images/a_download_hover.gif);}
@media(max-width:1024px){
.list-download dd span i{ margin-left:30px;}
}
@media(max-width:640px){
.list-download dd span{ font-size:0;}
.list-download dd span i{ margin-left:0;}
}
@media(max-width:480px){
.list-download dd a{ padding-left:20px; font-size:14px;}
.list-download dd span i{font-size:12px; width:100px;}
.list-download dd span i::before{ vertical-align:sub;}
}


.list-saff{ padding-bottom:20px;}
.list-saff .slider-for li .Ispic{ padding-bottom:53.334%; background-size:contain;}
.list-saff .slider-nav{ margin-top:5px; margin-bottom:4%; padding:0 77px;}
.list-saff .slider-nav .slick-arrow{ position:absolute; top:0; height:100%; width:74px; font-size:0; border:none; cursor:pointer;}
.list-saff .slider-nav .slick-arrow::before{ position:absolute; content:''; width:16px; height:16px; transform:rotate(45deg); border-top:2px solid #a0a0a0; border-right:2px solid #a0a0a0; left:50%; top:50%; margin:-8px 0 0 -10px;}
.list-saff .slider-nav .slick-prev{ left:0;}
.list-saff .slider-nav .slick-prev::before{transform:rotate(-135deg); margin-left:-4px;} 
.list-saff .slider-nav .slick-next{ right:0;}
.list-saff .slider-nav .slick-disabled{ cursor:default; opacity:0.5;}
.list-saff .slider-nav li .Ispic{ position:relative; margin:0 2.5px; padding-bottom:51.43%;background-size:contain;}
.list-saff .slider-nav li.slick-current .Ispic::before{ position:absolute; content:''; width:100%; left:0; top:0; height:100%; border:3px solid #01a0e4; }
@media(max-width:1024px){
.list-saff .slider-nav{ padding:0 40px;}
.list-saff .slider-nav .slick-arrow{ width:36px;}
}

/*home*/
.home-banner{ position:relative; z-index:1; margin-top:97px;}
.home-banner::after{ position:absolute; content:''; height:19px; width:100%; background:url(../images/jiao/home.png) no-repeat center bottom; z-index:2; bottom:0; left:0;}
.home-banner .silder{ z-index:1;}
.home-banner .silder li img{ display:block; width:100%;}
@media(min-width:1025px){
.home-banner .silder li img.wap{ display:none;}
}
@media(max-width:1024px){
.home-banner .silder li img.pc{ display:none;}
.home-banner {margin-top:95px;}
}
.home-banner .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.home-banner .silder li {height: 100%;position: relative;z-index: 1;}
.home-banner .silder li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.home-banner .silder li img {width: 100%;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.home-banner .silder li.slick-active img {-webkit-transform: scale(1);}
.home-banner .slick-dots{ text-align:center; position:absolute; left:0; width:100%; bottom:7%; margin-bottom:18px; z-index:10;}
.home-banner .slick-dots li{ display:inline-block; width:15px; height:15px; border-radius:50%; background:#fff; margin:0 8px; cursor:pointer;}
.home-banner .slick-dots li button{ display:none;}
.home-banner .slick-dots li.slick-active{ background:#0076c0;}
@media(max-width:768px){
.home-banner .slick-dots li{width:10px; height:10px;margin:0 3px; }
}


.home-more{ text-align:center;}
.home-more a{ display:inline-block; color:#0375be;}
.home-more  i{ width:27px; height:27px; display:block; margin:0 auto 12px; border-radius:50%; background: url(../images/jia_11_white.gif) no-repeat center center #0375be; border:1px solid #0375be;  transition:0.3s ease-in-out;}
.home-more a:hover i{ transform:rotate(180deg);}

.index-box-1 .edit-info{ padding-bottom:4%; line-height:25px;}
.index-box-1 .edit-info,
.index-box-1 .home-more{ position:relative; z-index:3;}
.index-box-1 .pic{ margin-top:-8%;}

.index-box-2{ background:url(../images/bg2.png) no-repeat center top; position:relative; z-index:1; padding-bottom:18px; margin-top:-18px;}
.index-box-2::after{ position:absolute; content:''; height:18px; width:100%; background:url(../images/jiao/ban.png) no-repeat center bottom; z-index:2; bottom:0; left:0;}
.index-box-2 .page-allTitle-before{ padding-bottom:5.5%; color:#1773c1;}
.index-box-2 .home-more{ padding-bottom:9%; padding-top:3%;}
.index-box-2 .home-more a{ color:#999;}
.index-box-2 .home-more a i{ border-color:#999; background-image:url(../images/jia_11.png); background-color:transparent;}

@media(max-width:1024px){
.index-box-2{ margin-top:0; background-size:cover;}
}

.home-title{ position:relative;}
.home-title::before{ display:block;content:''; width:60px; height:2px; background:#efefef;}
.home-title aside{ clear:both; font-size:60px; text-transform:uppercase; padding-top:2%; color:#eee; font-weight:bold; font-family: "Arial-N";}
.home-title span{ font-size:36px; color:#000;}
@media(min-width:641px){
.home-title::before{ float:right;}
.home-title aside{ text-align:right;}
.home-title span{ position:absolute; left:0; bottom:0; }
}
@media(max-width:1024px){
.home-title aside{ font-size:40px;}
.home-title span{ font-size:24px;}
}
@media(max-width:480px){
.home-title aside{ font-size:30px;}

.home-banner {margin-top:85px;}
}

.index-box-3{ padding-top:3%; position:relative; z-index:3;}
@media(min-width:1223px){
.index-box-3 .list{ width:1222px; margin-left:-22px;}
}
@media(max-width:1222px){
.index-box-3 .list{ padding:0 11px;}
}
.index-box-3 .list .slick-list{ padding:55px 0 30px 0;}
.index-box-3 .list li.slick-slide a{ margin:0 11px; display:block; box-shadow:0 3px 22px rgba(0,0,0,0.15); background:#fff; transition:0.3s;}
.index-box-3 .list li .pic{ position:relative;}
.index-box-3 .list li .Ispic{ padding-bottom:64.79%;}
.index-box-3 .list li .hover{ position:absolute; left:0; top:0; height:100%; width:100%; padding:0; opacity:0; transition:0.3s;}
.index-box-3 .list li aside{ padding:10% 15% 3% 15%;}
.index-box-3 .list li h4{ margin:0; font-weight:normal; color:#6b6b6b; line-height:30px; height:60px;}
.index-box-3 .list li .home-more{ color:#0375be; display:inline-block; line-height:23px; margin-top:5px;}
.index-box-3 .list li .home-more i{ display:inline-block; width:15px; height:15px; vertical-align:sub; margin:0 0 0 5px; background-image:url(../images/jia_7.gif);}
.index-box-3 .list li:hover a .home-more{ color:#0375be; background:#fff; border-radius:23px; padding:0 10px;}
.index-box-3 .list li:hover a{ transform:translateY(-55px);background: rgb(90,161,208); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(90,161,208,1) 0%, rgba(0,117,194,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(90,161,208,1) 0%,rgba(0,117,194,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(90,161,208,1) 0%,rgba(0,117,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa1d0', endColorstr='#0075c2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.index-box-3 .list li:hover a  .pic .show{ opacity:0;}
.index-box-3 .list li:hover a  .pic .hover{ opacity:1;}
.index-box-3 .list li:hover a h4{ color:#fff;}
.index-box-3 .slick-dots,
.index-box-4 .slick-dots{ text-align:center; padding:30px 0 43px 0;}
.index-box-4 .slick-dots li,
.index-box-3 .slick-dots li{ cursor:pointer; display:inline-block; border-radius:15px; height:15px; width:15px; background:#fff; margin:0 9px; transition:0.3s;}
.index-box-4 .slick-dots li.slick-active,
.index-box-3 .slick-dots li.slick-active{ background:#0375be; width:40px;}
.index-box-4 .slick-dots li button,
.index-box-3 .slick-dots li button{ display:none;}
@media(max-width:768px){
.index-box-3 .slick-dots,
 .index-box-4 .slick-dots{ padding:20px 0;}
.index-box-4 .slick-dots li,
.index-box-3 .slick-dots li{height:10px; width:10px; margin:0 3px;}
.index-box-4 .slick-dots li.slick-active,
.index-box-3 .slick-dots li.slick-active{width:20px;}
}

.index-box-4{ background:url(../images/bg3.jpg) no-repeat center top; padding-top:10%; margin-top:-11%; position:relative; z-index:1;}
@media(min-width:1237px){
.index-box-4 .silder{ width:1236px; margin-left:-18px;}
}
.index-box-4 .silder li{ position:relative;}
.index-box-4 .silder li img{ display:block; width:100%;box-shadow:0 0 18px rgba(0,0,0,0.34); }
.index-box-4 .silder li .main{padding:18px;}
.index-box-4 .silder li aside *{ margin:0; font-weight:normal;}
.index-box-4 .silder li h1{ font-size:48px; text-transform:uppercase; font-weight:bold;}
.index-box-4 .silder li h6{ font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; opacity:0.5;}
 .index-box-4 .silder li .open-video{ width:44px; height:29px; display:block; border-radius:5px; background:#0375be; margin-top:10px; position:relative; transition:0.3s;}
.index-box-4 .silder li .open-video::after{ position:absolute; content:''; border:8px solid transparent; border-left-color:#fff; left:50%; top:50%; margin-left:-4px; margin-top:-8px; border-left-width:12px;}
.index-box-4 .silder li .open-video:hover{ background:#fff;}
.index-box-4 .silder li .open-video:hover::after{border-left-color:#0375be;}
@media(min-width:768px){
.index-box-4 .silder li aside{position:absolute; left:18px; bottom:18px; right:18px;padding:0 5% 5% 5%; color:#fff;}
}
@media(max-width:1024px){
.index-box-4{ margin-top:-92px; padding-top:92px;}
}
@media(max-width:768px){
.index-box-4 .silder li aside{ text-align:center; padding-top:15px;}
.index-box-4 .silder li .open-video{ margin:10px auto; }
.index-box-4{ margin-top:-59px; padding-top:59px;}
}
@media(max-width:640px){
.index-box-4 .silder li h1{ font-size:30px;}
.index-box-4 .silder li h2{ font-size:20px;}
.index-box-4 .silder li h6{ font-size:12px;}
}
@media(max-width:480px){
.index-box-4 .silder li h1{ font-size:24px;}
.index-box-4 .silder li h2{ font-size:16px;}
}

.video-view{ position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; display:none; background:rgba(0,0,0,0.8);}
.video-view .ytable{ position:relative; width:100%; height:100%;}
.video-view .main{ width:100%; max-width:1100px; margin:0 auto; padding:10px; background:#fff; position:relative; border-radius:5px;}
.video-view .close{ cursor:pointer; position:absolute; top:-30px; right:0; width:30px; height:30px;}
.video-view .close::before,
.video-view .close::after{ position:absolute; content:''; width:60%; left:20%; top:50%; height:3px; background:#fff; transform:rotate(45deg); margin-top:-1.5px;}
.video-view .close::after{transform:rotate(-45deg);}

.index-box-5{ padding-top:4%; padding-bottom:20px;}
.index-box-5 .center{ padding-bottom:3%;}
.index-box-5 .home-title::before{ float:none; display:block;}
.index-box-5 .home-title aside{ text-align:left;}
.index-box-5 .home-title span{ left:auto; right:0; bottom:15%;}
.index-box-5 .list{ margin-top:3%;}
.index-box-5 .list li *{ transition:0.3s;}
.index-box-5 .list li aside{ background:#fff;  transition:0.3s;}
.index-box-5 .list li h6{ margin:3% 0; font-weight:normal;}
.index-box-5 .list li:hover h6 a{ color:#0375be;}
.index-box-5 .list li p{ color:#8e8e8e; margin:0; line-height:22px; }
.index-box-5 .list li:hover p{ text-decoration:underline;}
.index-box-5 .list li time{ font-size:16px; font-family:Verdana, Geneva, sans-serif; color:#b8b8b8;  display:block;}
.index-box-5 .list li .home-more{ font-size:16px; color:#0375be;}
.index-box-5 .list li .home-more i{ display:inline-block; vertical-align:sub; margin-left:5px; width:15px; height:15px; margin-bottom:2px;background-image:url(../images/jia_7.gif);}
.index-box-5 .list ol{ position:relative; z-index:2;}
.index-box-5 .list ol a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.index-box-5 .list ol .Ispic{ padding-bottom:77.62%;}
.index-box-5 .list ol aside{font-size:16px; position:absolute; left:0; right:0; bottom:0; padding:10% 5% 3% 5%; color:#fff;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
.index-box-5 .list ol aside time{  float:left; padding-right:15px; line-height:40px; margin-right:25px; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #fff;}
.index-box-5 .list ol aside time span{ font-size:30px;} 
.index-box-5 .list ol aside p{ margin:0; line-height:20px; height:40px;}
.index-box-5 .list ol .more{ width:80px; height:40px; position:absolute; top:50%;margin-top:-10px; background:url(../images/more.gif) no-repeat center center #0375be; transition:0.2s; z-index:5;}
.index-box-5 .list ol:hover .more{ margin-left:0;}
@media(min-width:769px){
.index-box-5 .list ol{ float:right; width:35%;}
.index-box-5 .list li{ float:left; width:32.5%; position:relative;}
.index-box-5 .list li::before{ position:absolute; z-index:4;eft:0; top:0; height:100%; width:1px; background:#e6e6e6; content:'';}
.index-box-5 .list li aside{padding:20px 15% 5%;}
.index-box-5 .list li:hover aside{ transform:translateY(-20%);}
.index-box-5 .list li time{padding:8% 0 27% 0;}
.index-box-5 .list li p{height:88px;}
.index-box-5 .list ol .more{ margin-left:-40px; }
}
@media(max-width:768px){
.index-box-5 .list li aside{padding:4% 2%;}
.index-box-5 .list li time{padding:10px 0;}
.index-box-5 .list li p{max-height:88px;}
.index-box-5 .list li:not(:last-child){ border-bottom:1px solid #eee;}
}
/*home end*/

.list-search{ min-height:300px; padding:3% 0;}
.list-search ol{ font-size:20px; color:#000; font-weight:bold;}
.list-search li time{ float:right; font-size:12px; color:#999;}
.list-search li{ line-height:30px; padding:1% 0; border-bottom:1px dashed #ccc;}
.list-search li a{ font-size:15px;}
.list-search li a::before{ display:inline-block; content:''; margin-right:10px; width:5px; height:5px;  vertical-align:middle; background:#0075c2; transform:rotate(45deg); margin-left:2px;}

.list-client li{ float:left;  text-align:center;}
.list-client li a{ display:block;}
.list-client li .Ispic{ position:relative; padding-bottom:50%; background-color:#fff; background-size:contain;transition:0.3s; margin:10px;}
.list-client li .Ispic::before{ position:absolute; content:'';  left:-10px; top:-10px; right:-10px; bottom:-10px; border:1px solid #e5e5e5; transition:0.3s;}
.list-client li a:hover .Ispic::before{ border-width:2px; border-color:#0075c2; box-shadow:2px 0 18px rgba(0,0,0,0.23);}
.list-client li aside{ font-size:16px; padding-top:15px;}
.list-client li{margin-right:2%;margin-bottom:3%;}
@media(min-width:1025px){
.list-client li{width:18.4%; }
}
@media(min-width:769px){
.list-client li:nth-child(5n){ margin-right:0;}
}
@media(min-width:769px) and (max-width:1024px){
.list-client li{width:19.5%;}
}
@media(max-width:768px){
.list-client li{ width:32%;;}
.list-client li:nth-child(3n){ margin-right:0;}
}
@media(max-width:480px){
.list-client li aside{ font-size:14px;}
}

/*edit-info CSS*/
.edit-num{ display:table; margin:0 auto; overflow:hidden; line-height:30px;}
.edit-num span {float: left;width: 17px;text-align: center;height: 24px;overflow: hidden;}
.edit-num span:before {font-size: 24px; color:#333;line-height: 24px;display: block;font-weight:bold;white-space: normal;transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);-webkit-transform: translateY(0);transition: 0s .5s;-moz-transition: 0s .5s;-ms-transition: 0s .5s;-o-transition: 0s .5s;-webkit-transition: 0s .5s;}
.has_num_active .edit-num span:before {transition: transform 2s ease-out 0.5s;-moz-transition: transform 2s ease-out 0.5s;-ms-transition: transform 2s ease-out 0.5s;-o-transition: transform 2s ease-out 0.5s;-webkit-transition: transform 2s ease-out 0.5s;}
.edit-num span:nth-child(2n):before {content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9';}
.edit-num span:nth-child(2n+1):before {content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0';}
.edit-num span.n0:nth-child(2n):before,
.has_num_active .edit-num span.n0:nth-child(2n+1):before {transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);-webkit-transform: translateY(0);}
.edit-num span.n1:nth-child(2n):before,
.has_num_active .edit-num span.n1:nth-child(2n+1):before {transform: translateY(-5%);-moz-transform: translateY(-5%);-ms-transform: translateY(-5%);-o-transform: translateY(-5%);-webkit-transform: translateY(-5%);}
.edit-num span.n2:nth-child(2n):before,
.has_num_active .edit-num span.n2:nth-child(2n+1):before {transform: translateY(-10%);-moz-transform: translateY(-10%);-ms-transform: translateY(-10%);-o-transform: translateY(-10%);-webkit-transform: translateY(-10%);}
.edit-num span.n3:nth-child(2n):before,
.has_num_active .edit-num span.n3:nth-child(2n+1):before {transform: translateY(-15%);-moz-transform: translateY(-15%);-ms-transform: translateY(-15%);-o-transform: translateY(-15%);-webkit-transform: translateY(-15%);}
.edit-num span.n4:nth-child(2n):before,
.has_num_active .edit-num span.n4:nth-child(2n+1):before {transform: translateY(-20%);-moz-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);-webkit-transform: translateY(-20%);}
.edit-num span.n5:nth-child(2n):before,
.has_num_active .edit-num span.n5:nth-child(2n+1):before {transform: translateY(-25%);-moz-transform: translateY(-25%);-ms-transform: translateY(-25%);-o-transform: translateY(-25%);-webkit-transform: translateY(-25%);}
.edit-num span.n6:nth-child(2n):before,
.has_num_active .edit-num span.n6:nth-child(2n+1):before {transform: translateY(-30%);-moz-transform: translateY(-30%);-ms-transform: translateY(-30%);-o-transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.edit-num span.n7:nth-child(2n):before,
.has_num_active .edit-num span.n7:nth-child(2n+1):before {transform: translateY(-35%);-moz-transform: translateY(-35%);-ms-transform: translateY(-35%);-o-transform: translateY(-35%);-webkit-transform: translateY(-35%);}
.edit-num span.n8:nth-child(2n):before,
.has_num_active .edit-num span.n8:nth-child(2n+1):before {transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);-webkit-transform: translateY(-40%);}
.edit-num span.n9:nth-child(2n):before,
.has_num_active .edit-num span.n9:nth-child(2n+1):before {transform: translateY(-45%);-moz-transform: translateY(-45%);-ms-transform: translateY(-45%);-o-transform: translateY(-45%);-webkit-transform: translateY(-45%);}
.edit-num span.n0:nth-child(2n+1):before,
.has_num_active .edit-num span.n0:nth-child(2n):before {transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.edit-num span.n1:nth-child(2n+1):before,
.has_num_active .edit-num span.n1:nth-child(2n):before {transform: translateY(-55%);-moz-transform: translateY(-55%);-ms-transform: translateY(-55%);-o-transform: translateY(-55%);-webkit-transform: translateY(-55%);}
.edit-num span.n2:nth-child(2n+1):before,
.has_num_active .edit-num span.n2:nth-child(2n):before {transform: translateY(-60%);-moz-transform: translateY(-60%);-ms-transform: translateY(-60%);-o-transform: translateY(-60%);-webkit-transform: translateY(-60%);}
.edit-num span.n3:nth-child(2n+1):before,
.has_num_active .edit-num span.n3:nth-child(2n):before {transform: translateY(-65%);-moz-transform: translateY(-65%);-ms-transform: translateY(-65%);-o-transform: translateY(-65%);-webkit-transform: translateY(-65%);}
.edit-num span.n4:nth-child(2n+1):before,
.has_num_active .edit-num span.n4:nth-child(2n):before {transform: translateY(-70%);-moz-transform: translateY(-70%);-ms-transform: translateY(-70%);-o-transform: translateY(-70%);-webkit-transform: translateY(-70%);}
.edit-num span.n5:nth-child(2n+1):before,
.has_num_active .edit-num span.n5:nth-child(2n):before {transform: translateY(-75%);-moz-transform: translateY(-75%);-ms-transform: translateY(-75%);-o-transform: translateY(-75%);-webkit-transform: translateY(-75%);}
.edit-num span.n6:nth-child(2n+1):before,
.has_num_active .edit-num span.n6:nth-child(2n):before {transform: translateY(-80%);-moz-transform: translateY(-80%);-ms-transform: translateY(-80%);-o-transform: translateY(-80%);-webkit-transform: translateY(-80%);}
.edit-num span.n7:nth-child(2n+1):before,
.has_num_active .edit-num span.n7:nth-child(2n):before {transform: translateY(-85%);-moz-transform: translateY(-85%);-ms-transform: translateY(-85%);-o-transform: translateY(-85%);-webkit-transform: translateY(-85%);}
.edit-num span.n8:nth-child(2n+1):before,
.has_num_active .edit-num span.n8:nth-child(2n):before {transform: translateY(-90%);-moz-transform: translateY(-90%);-ms-transform: translateY(-90%);-o-transform: translateY(-90%);-webkit-transform: translateY(-90%);}
.edit-num span.n9:nth-child(2n+1):before,
.has_num_active .edit-num span.n9:nth-child(2n):before {transform: translateY(-95%);-moz-transform: translateY(-95%);-ms-transform: translateY(-95%);-o-transform: translateY(-95%);-webkit-transform: translateY(-95%);}

.edit-info-4{ background-size:100% auto; background-repeat:no-repeat; background-position:center 8%; padding-bottom:5%;}
.edit-info-4 .page-allTitle:first-child{ padding-top:0;}
.edit-info-4 ul{ padding-top:6%; padding-bottom:5%; max-width:1060px; margin:0 auto;}
.edit-info-4 li{ float:left; width:25%; text-align:center;}
.edit-info-4 li img{ width:33px;}
.edit-info-4 li .edit-num{ margin-top:15px;}
.edit-info-4 li p{ margin:0; color:#999;height: 38px;}
@media(max-width:480px){
.edit-info-4 li{  width:50%; padding-bottom:20px;}
}

.edit-info-4 ul.edit-ul-8{ max-width:820px;}
.edit-ul-8 li{ width:33.333333%;}
.edit-info-4 ul.edit-ul-8 li .edit-num{font-size:30px;}
.edit-info-4 ul.edit-ul-8 li .edit-num span{ height:30px; width:20px;}
.edit-info-4 ul.edit-ul-8 li .edit-num span:before{ font-size:30px; line-height:30px;}
.edit-dl-8 dd{ float:left; margin-right:2%; margin-bottom:2%;}
.edit-dl-8 dd p{ margin:0; line-height:60px; background:#f9f9f9; padding:0 5%; font-size:16px; color:#555;}
@media(min-width:641px){
.edit-dl-8 dd{width:32%; }
.edit-dl-8 dd:nth-child(3n){ margin-right:0;}
}
@media(max-width:640px){
.edit-dl-8 dd{width:49%; }
.edit-dl-8 dd:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.edit-dl-8 dd p{ font-size:13px;}
}

.edit-info-62-img{ overflow:hidden;}
@media(max-width:640px){
.edit-info-62-img img{ display:block; max-width:none;width: 210%;transform: translateX(-31%);}
}

.edit-info-15-1 .box{ padding-bottom:22px; overflow:hidden;}
.edit-info-15-1 .box:not(:last-child){ border-bottom:1px solid #eee; margin-bottom:22px;}
.edit-info-15-1 .box .txt{ line-height:34px; padding:2px 3% 0 22px;}
.edit-info-15-1 .box .img li{ float:left; width:44.8%;}
.edit-info-15-1 .box .img li:not(:last-child){ margin-right:10.4%;}
.edit-info-15-2 .box .img li{ width:32%;}
.edit-info-15-2 .box .img li:not(:last-child){ margin-right:2%;}
@media(min-width:769px){
.edit-info-15-1 .box .txt{ float:left; width:44.84%;}
.edit-info-15-1 .box .img{ float:right; width:55.16%;}
}
@media(max-width:768px){
.edit-info-15-1 .box .txt{ padding:2%;}
}

.edit-info-20{ padding-bottom:5%;}
.edit-info-20 dd{position:relative;  margin-bottom:2%;background:#f9f9f9;}
.edit-info-20 dd .txt{ width:100%; padding:0 5%;}
.edit-info-20 dd .pic img{ display:block; }
.edit-info-20 dd aside{ line-height:36px;}
.edit-info-20 dd h3{ border-bottom:1px solid #e5e5e5; margin-bottom:3%; margin-top:0; padding-bottom:3%; color:#01a0e4;}
@media(min-width:769px){
.edit-info-20 dd{ float:left; padding-bottom:50%;width:32%;  margin-right:2%;}
.edit-info-20 dd:last-child{ margin-right:0; }
.edit-info-20 dd > *{ position:absolute; left:0; width:100%; height:50%;}
.edit-info-20 dd:not(:nth-child(2)) .pic{ top:0;}
.edit-info-20 dd:nth-child(2) .pic{ bottom:0;}
.edit-info-20 dd:not(:nth-child(2)) .ycenter{ bottom:0;}
.edit-info-20 dd:nth-child(2) .ycenter{ top:0;}
.edit-info-20 dd .pic img{height:100%; max-width:none; }
}
@media(min-width:769px) and (max-width:1024px){
.edit-info-20 dd h3{ font-size:20px;}
.edit-info-20 dd aside{ line-height:24px; font-size:12px;}
}
@media(max-width:768px){
.edit-info-20 dd{ margin:0 auto 2%; max-width:383px;}
.edit-info-20 dd:last-child{ margin-bottom:0;}
.edit-info-20 dd .txt{ padding:5%;}
}

.edit-info-22{ padding:4% 0;}
.edit-info-22 table{ border:1px solid #eee;}
.edit-info-22 td{ text-align:center;}
.edit-info-22 td span{ font-size:20px; text-align:left; display:inline-block; color:#555;}
.edit-info-22 td span img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.edit-info-22 td i{font-family: "DIN-Medium"; font-style:normal; color:#0375be; font-size:48px;}
.edit-info-22 td.pic{ width:60.83%;}
.edit-info-22 td.pic img{ display:block; width:100%;}
@media(min-width:769px) and (max-width:1024px){
.edit-info-22 td i{font-size:36px;}
}
@media(max-width:768px){
.edit-info-22 td{ display:block; width:auto !important; padding:2% 0;}
}
@media(max-width:480px){
.edit-info-22 td i{font-size:36px;}
}

.edit-info-28 li{text-align:center;}
.edit-info-28 li h3{ margin:0; background:#4c81a4; color:#fff; line-height:45px; font-weight:normal;}
.edit-info-28 li:nth-child(2) h3{ background:#4c94a4;}
.edit-info-28 li dl{ border:1px solid #eee; border-top:0;}
.edit-info-28 li dd{ float:left; width:20%; padding:20px 0;}
.edit-info-28 li dd figure{ max-width:45px; border-radius:50%; margin:0 auto; width:50%; background:#f6f6f6; overflow:hidden;}
.edit-info-28 li dd figure img{ display:block; width:100%;} 
.edit-info-28 li dd aside{ color:#000; font-size:16px; padding-top:10px;}
@media(min-width:1025px){
.edit-info-28 li{ width:49%; float:left; }
.edit-info-28 li:nth-child(2){ float:right;}
}
@media(max-width:480px){
.edit-info-28 li dd aside{ font-size:14px;} 
}

.edit-liucheng li{ float:left;text-align:center;}
.edit-liucheng li figure{ position:relative;}
.edit-liucheng li figure img{ max-width:95px; display:block; margin:0 auto; width:100%;}
.edit-liucheng li figure span{ overflow:hidden; position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px;}
.edit-liucheng li figure span::before{ position:absolute; content:''; width:20px; height:20px; border-top:6px solid #0072c0;border-right:6px solid #0072c0; transform:rotate(45deg); right:4px; top:50%; margin-top:-10px;}
.edit-liucheng li h6{ margin:15px 0 10px 0;}
.edit-liucheng li p{ margin:0; color:#777; line-height:24px; max-width:173px; margin:0 auto; text-transform:uppercase;white-space:normal;/*word-break:break-all;*/}

.edit-info-29 li{ width:16.66666%; }
.edit-info-29 li figure img{  width:40%;}
.edit-info-39 li{ width:12.5%;}
.edit-info-39 li figure{ padding:0 20px;}
.edit-info-39 li figure span{ right:-6px;}
@media(max-width:1024px){
.edit-liucheng li{ margin:1% 0;}
}
@media(min-width:641px) and (max-width:1024px){
.edit-info-29 li{ width:33.333333%;}
.edit-info-29 li:nth-child(3n+1){ clear:left;}
.edit-info-29 li:nth-child(3n) figure span{ display:none;}

.edit-info-39 li{ width:25%;}
.edit-info-39 li:nth-child(4n+1){ clear:left;}
.edit-info-39 li:nth-child(4n) figure span{ display:none;}
}
@media(max-width:640px){
.edit-info-29 li{ width:50%;}
.edit-info-29 li:nth-child(2n+1){ clear:left;}
.edit-info-29 li:nth-child(2n) figure span{ display:none;}

.edit-info-39 li{ width:50%;}
.edit-info-39 li:nth-child(2n+1){ clear:left;}
.edit-info-39 li:nth-child(2n) figure span{ display:none;}
}


.edit-info-43 .ytable{ margin-top:3%;}
.edit-info-43 .ytable .ytable-cell{vertical-align:top;}
.edit-info-43 .ytable .ytable-cell.box{border:1px solid #eee;}
.edit-info-43 .ytable-1 .ytable-cell{ width:3.5%;}
.edit-info-43 .ytable-1 .ytable-cell.box{ width:31%;}
.edit-43-tit{ text-align:center; margin:0; background:#eff6f9; line-height:50px;}
.edit-info-43 .ytable .info{ padding:10px 20px; line-height:30px;}
.edit-info-43 .ytable-1 .info table td{ vertical-align:top; padding-bottom:10px; border-bottom:1px solid #eee;}
.edit-info-43 .ytable-1 .info table tr:not(:first-child) td{ padding-top:10px;}
.edit-info-43 .ytable-1 .info table tr:last-child td{ border-bottom:0;}
.edit-info-43 .ytable-2 .info table td{ vertical-align:top; width:50%; padding-top:5px; padding-bottom:5px; line-height:24px;s}
.edit-info-43 .ytable-2 .info table{ margin-top:10px;}
.edit-info-43 .ytable-2 .info table td:nth-child(2){ padding-left:15px;}

.edit-info-43 .ytable-3 .ytable-cell{ width:3.5%;}
.edit-info-43 .ytable-3 .ytable-cell.box{ width:48.25%;position:relative; overflow:hidden;}
.edit-info-43 .ytable-3 .info-tabel{  padding:0;}
.edit-info-43 .ytable-3 .line{ position:absolute; width:1px; height:100%; background:#eee; top:50px;}
.edit-info-43 .ytable-3 .line1{ left:101px;}
.edit-info-43 .ytable-3 .info-tabel-1 .line2{ left:261px;}
.edit-info-43 .ytable-3 .info-tabel-2 .line2{ left:310px;}
.edit-info-43 .ytable-3 .info-tabel td{ border-bottom:1px solid #eee; text-align:center;}
.edit-info-43 .ytable-3 .info-tabel tr:last-child td{ border-bottom:0;}
.edit-info-43 .ytable-3 .info-tabel td:nth-child(1){ width:100px;}
.edit-info-43 .ytable-3 .info-tabel-1 .info-tabel td:nth-child(2){ width:160px;}
.edit-info-43 .ytable-3 .info-tabel-2 .info-tabel td:nth-child(2){ width:210px;}
.edit-info-43 .ytable-3 .info-tabel-1 .info-tabel tr:not(:first-child) td:nth-child(3){ padding:20px; text-align:left;}
.edit-info-43 .ytable-3 .info-tabel tr:first-child td{ line-height:50px;}
.edit-info-43 .ytable-3 .info-tabel-2 .info-tabel tr:not(:first-child) td{ height:114px;}
@media(max-width:1024px){
.edit-info-43 .ytable,
.edit-info-43 .ytable-cell{ display:block; width:auto !important;}
.edit-info-43 .ytable-1 .info table{ width:100%;}
.edit-info-43 .ytable-2 .info table td{ display:block; width:100%;}
.edit-info-43 .ytable-3 .info-tabel-2 .info-tabel tr:not(:first-child) td{ height:auto; padding:10px 0;}
}
@media(max-width:640px){
.edit-info-43 .ytable-3 .info-tabel-1 .info-tabel td:nth-child(2),
.edit-info-43 .ytable-3 .info-tabel-2 .info-tabel td:nth-child(2){ width:100px;}
.edit-info-43 .ytable-3 .info-tabel-1 .line2{ left:201px;}
.edit-info-43 .ytable-3 .info-tabel-2 .line2{ left:200px;}
.table11 td{ display:block; width:auto;}
.edit-info-43 .ytable-3 .info-tabel-1,
.edit-info-43 .ytable-1 .ytable-cell.box,
.edit-info-43 .ytable-3 .ytable-cell.box{ margin:2px 0;}
}

.edit-info-46 .ytable-cell-1{ width:41.66%;}
.edit-info-46 .ytable-cell-1 img{ display:block; width:100%; border-radius:0 110px 110px 0;}
.edit-info-46 .ytable-cell-2{ width:58.34%;}
.edit-info-46 .ytable-cell-2 aside{ padding-left:5%; line-height:24px; color:#666;}
.edit-info-46 .width-1920{  background:#f6f6f6; margin-top:3%; padding-top:3%; padding-bottom: 3%;}
.edit-info-46 .width-1920 .left{ padding-top:2%; line-height:24px; float:left; width:25.83%; padding-right:3%;color:#666;}
.edit-info-46 .width-1920 .left h3{ margin:0 0 3% 0; color:#000;}
.edit-info-46 .width-1920 .right{ float:right; width:74.17%;}
.edit-info-46 .width-1920 .right .ytable-cell{ width:2%;}
.edit-info-46 .width-1920 .right .ytable-cell.box{ width:19.2%; padding:15px 0; color:#fff; background:#0075c2; position:relative; text-align:center; font-size:18px;}
.edit-info-46 .width-1920 .right .box2 span{ color:#eeefee; display:block; font-size:14px;}
.edit-info-46 .width-1920 .right .box2 span:not(:last-child)::after{ display:block; content:''; width:3px; height:3px; border-radius:50%; background:#fff; margin:3px auto;}
.edit-info-46 .width-1920 .right .box2 aside{ position:relative;}
.edit-info-46 .width-1920 .right .box2 aside::before{ position:absolute; content:''; width:10px; height:10px; border-right:1px solid #32a1ea;border-bottom:1px solid #32a1ea; transform:rotate(45deg); bottom:-5px; left:50%; margin-left:-5px; background:#0075c2;}
.edit-info-46 .width-1920 .right .box2 aside::after{ display:block; height:1px; background:#32a1ea; content:'';  max-width:80%; margin:5px auto 10px;}
.edit-info-46 .width-1920 .right .ytable-cell.box:not(:last-child)::after{ position:absolute; content:''; border:6px solid transparent; border-left-color:#0075c2; left:100%; top:50%; margin-top:-6px;}
.edit-info-46 .width-1920 .right .ytable-cell.box:not(:first-child)::before{position:absolute; content:''; border:6px solid transparent; border-left-color:#f6f6f6; left:0; top:50%; margin-top:-6px;}
@media(min-width:1201px){
.edit-info-46 .width-1920{width:1920px; margin-left:-360px;}
}
@media(max-width:1024px){
.edit-info-46 .width-1920 .left,
.edit-info-46 .width-1920 .right{ float:none; width:auto;}
.edit-info-46 .width-1920 .left{ padding:0 0 2% 0;}
}
@media(min-width:641px) and (max-width:768px){
.edit-info-46 .width-1920 .right .ytable-cell.box{ font-size:14px;}
.edit-info-46 .width-1920 .right .box2 span{ font-size:12px;}
}
@media(max-width:640px){
.edit-info-46 .width-1920 .right .ytable,
.edit-info-46 .width-1920 .right .ytable-cell.box{ display:block; width:100%;}
.edit-info-46 .width-1920 .right .ytable-cell.box{ margin-bottom:15px; padding:25px 0;}
.edit-info-46 .width-1920 .right .ytable-cell.box:not(:last-child)::after{ border-left-color:transparent; border-top-color:#0075c2; left:50%; margin-left:-6px; top:auto; bottom:-12px;}
.edit-info-46 .width-1920 .right .ytable-cell.box:not(:first-child)::before{ border-left-color:transparent; border-top-color:#fff; left:50%; top:6px; margin-left:-6px;}
.edit-info-46 .ytable-cell-1,
.edit-info-46 .ytable-cell-2{ width:auto; display:block;}
.edit-info-46 .ytable-cell-1 img{border-radius:0;}
.edit-info-46 .ytable-cell-2 aside{ padding:3%;}
.edit-info-46 .table td{ display:block;}
}

.edit-info-60{ overflow:hidden;}
.edit-info-60 li{ float:left; width:25%; text-align:center; position:relative;}
.edit-info-60 li:not(:last-child)::after{ position:absolute; content:''; width:1px; height:50%; top:25%; right:0;background: -moz-linear-gradient(top, rgba(222,223,225,0) 0%, rgba(222,223,225,0.65) 26%, rgba(222,223,225,0.65) 75%, rgba(222,223,225,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(222,223,225,0) 0%,rgba(222,223,225,0.65) 26%,rgba(222,223,225,0.65) 75%,rgba(222,223,225,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(222,223,225,0) 0%,rgba(222,223,225,0.65) 26%,rgba(222,223,225,0.65) 75%,rgba(222,223,225,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dedfe1', endColorstr='#00dedfe1',GradientType=0 ); /* IE6-9 */}
.edit-info-60 li h4,
.edit-info-60 li p{ margin:0;}
.edit-info-60 li h4{ font-weight:normal; color:#186eb1; padding-top:10px;}
.edit-info-60 li p{ color:#999; padding-top:5px;}
.edit-info-60 li figure{ width:50%; max-width:118px; padding:9px;border-radius:50%; border:1px solid #c2d7e9; margin:0 auto;}
.edit-info-60 li figcaption{ background:#3b94cd; border-radius:50%; overflow:hidden;}
.edit-info-60 li figcaption img{ display:inline-block;}
.edit-info-60 li:nth-child(2n) figcaption{ background:#0075c1;}
@media(max-width:768px){
.edit-info-60 li{ width:50%; margin:2% 0;}
.edit-info-60 li:nth-child(2n+1){ clear:left;}
.edit-info-60 li:nth-child(2n)::after{ display:none;}
}
@media(max-width:480px){
.edit-info-60 li figure{ padding:4px;}
.edit-info-60 li h4{ font-size:15px;}
}
/*edit-info CSS End**/